<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>DD平台管理系统</title>
  
  <!-- 引入bootstrap样式 -->
  <link href="https://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
  <!-- 引入bootstrap-table样式 -->
  <link href="https://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.css" rel="stylesheet">
  
  <!-- jquery -->
  <script src="https://cdn.bootcss.com/jquery/2.2.3/jquery.min.js"></script>
  <script src="https://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
  
  <!-- bootstrap-table.min.js -->
  <script src="https://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.js"></script>
  <!-- 引入中文语言包 -->
  <script src="https://cdn.bootcss.com/bootstrap-table/1.11.1/locale/bootstrap-table-zh-CN.min.js"></script>
  <link rel="stylesheet" href="layui/css/layui.css">
  <style type="text/css">
  	a:hover{
		text-decoration: none;
	}
	a:link{
		text-decoration: none;
	}
	a:visited{
		text-decoration: none;
	}
	a:active{
		text-decoration: none;
	}
  </style>
</head>

<body class="layui-layout-body" style="background-color: #F2F2F2;">
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	    <div class="modal-dialog">
	        <div class="modal-content">
	            <div class="modal-header">
	                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
	                <h4 class="modal-title" id="myModalLabel">操作提示</h4>
	            </div>
	            <div class="modal-body">
					<form class="layui-form" action="">
						<div class="layui-form-item" style="margin-left: 20%">
							<label class="layui-form-label" style="width: 100px;">影院名称</label>
							<label class="layui-form-label" style="width: 100px" id="c_zname"></label>
						</div>
						<div class="layui-form-item" style="margin-left: 20%">
    						<label class="layui-form-label" style="width: 100px">套餐选择</label>
   							<div class="layui-input-block" style="width: 180px">
      						<select name="interest" lay-filter="aihao" id="getcombo">
		      				</select>
	    					</div>
						</div>
					</form>
				</div>
	        <div class="modal-footer">
	                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
	                <button type="button" class="btn btn-primary" data-dismiss="modal" id="change">确定</button>
	        </div>
	        </div><!-- /.modal-content -->
	    </div><!-- /.modal -->
	</div>
<div class="layui-layout layui-layout-admin">
  <div class="layui-header">
    <div class="layui-logo">平台管理系统</div>
    <!-- 头部区域（可配合layui已有的水平导航） -->
    <ul class="layui-nav layui-layout-right">
      <li class="layui-nav-item">
        <a href="javascript:;">
          <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
          贤心
        </a>
        <dl class="layui-nav-child">
          <!-- <dd><a href="">消息<span class="layui-badge">99+</span></a></dd> -->
        </dl>
      </li>
      <li class="layui-nav-item"><a href="/user/logout">退了</a></li>
    </ul>
  </div>
  
  <div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
      <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
     <ul class="layui-nav layui-nav-tree"  lay-filter="test">
       <li class="layui-nav-item   layui-nav-itemed">
          <a href="javascript:;">影院管理</a>
          <dl class="layui-nav-child">
            <dd><a href="check.html"  class="layui-this">查看影院</a></dd>
            <dd><a href="approve.html" >认证处理</a></dd>
			<dd><a href="feedback.html">反馈处理</a></dd>
          </dl>
        </li>
		<li class="layui-nav-item">
		  <a  href="comboset.html">套餐设置</a>
		</li>
      </ul>
    </div>
  </div>
  

 <div class="layui-body">
    <!-- 内容主体区域 -->
   <div
				style="padding: 20px; background-color: #F2F2F2; margin: 1% auto 1% auto">
				<div class="layui-row layui-col-space15">
	 <div class="layui-col-md12">
						<div class="layui-card">
							<div class="layui-card-body" >
								<div style="margin: 2% auto; width: 90%;">
									<table id="table"></table>
								</div>
							</div>
						</div>
					</div>
					</div>
					</div>
	

	
  <div class="layui-footer">
    <!-- 底部固定区域 -->
    © 版权归DD平台所有
  </div>
</div>

<script>
			
			var $table = $('#table');
			$(window).resize(function () {
			    //防止表头与表格不对齐
			    $table.bootstrapTable('resetView');
			});
			function addFunctionAlty(value, row, index) {
				       return [
				       '<button type="button" class="view layui-btn layui-btn-normal layui-btn-xs">续费</button>',
				       ].join('');
				     } 
				window.operateEvents = {
				        'click .view': function (e, value, row, index) {
							$("#c_zname").text(row.zname);
							$("#change").attr("onclick","to_change("+row.zid+")");
				           	$("#myModal").modal('show');
				         }
				       };
           $("#table").bootstrapTable({ // 对应table标签的id
                 url: "main/getAllTheaterR", // 获取表格数据的url
                // method: 'GET',                      //请求方式（*）
                // toolbar: '#toolbar',              //工具按钮用哪个容器
                striped: true,                      //是否显示行间隔色
                cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
                pagination: true,                   //是否显示分页（*）
                sortable: true,                     //是否启用排序
                sortOrder: "desc",                   //排序方式
                sidePagination: "client",           //分页方式：client客户端分页，server服务端分页（*）
                pageNumber: 1,                      //初始化加载第一页，默认第一页,并记录
                pageSize: 10,                     //每页的记录行数（*）
                pageList: [8, 16, 24, 32],        //可供选择的每页的行数（*）
                search: true,                      //是否显示表格搜索
                strictSearch: true,
                showColumns: true,                  //是否显示所有的列（选择显示的列）
                showRefresh: true,                  //是否显示刷新按钮
				// searchOnEnterKey: true, //ENTER键搜索  
                minimumCountColumns: 2,             //最少允许的列数
                clickToSelect: true,                //是否启用点击选中行
                // height: 500,                      //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
                uniqueId: "ID",                     //每一行的唯一标识，一般为主键列
                showToggle: true,                   //是否显示详细视图和列表视图的切换按钮
                cardView: false,                    //是否显示详细视图
                detailView: false,                  //是否显示父子表
                 queryParams: function (params) { // 请求服务器数据时发送的参数，可以在这里添加额外的查询参数，返回false则终止请求
                     return {
                         pageSize: params.limit, // 每页要显示的数据条数
                         offset: params.offset, // 每页显示数据的开始行号
                         sort: params.sort, // 要排序的字段
                         sortOrder: params.order, // 排序规则
                         dataId: $("#dataId").val() // 额外添加的参数
                     }
                 },
                 sortName: 'id', // 要排序的字段
                 sortOrder: 'desc', // 排序规则
                columns: [
                	{
                        field: 'zid',
                        title: '影院编号',
						sortable:true,
                    },
                    {
                        field: 'zname',
                        title: '影院名',
                    },
                    {
                        field: 'representative',
                        title: '法人代表',
                    },
                    {
                        field: 'idnumber',
                        title: '法人身份证号',
                    },
                    {
                        field: 'tel',
                        title: '联系电话',
                    },
                    {
                        field: 'licence',
                        title: '放映许可证',
                    },
                    {
                        field: 'dns',
                        title: '域名',
                    },
                    {
                        field: 'endtime',
                        title: '到期时间',
                    },
					 {
                        field: 'operate',
                        title: '操作',
                        width: 120,
                        align: 'center',
                        valign: 'middle',
                        formatter: addFunctionAlty,
						events:operateEvents,
						// action: actionEvents,
                    },
                ]
            });
           $('#table').bootstrapTable('hideColumn','zid');
            //操作栏的格式化
            // function actionFormatter(value, row, index) {
            //     var id = value;
            //     var result = "";
            //     result += "<a href='javascript:;' class='btn btn-xs green' οnclick=\"EditViewById('" + id + "', view='view')\" title='查看'><span class='glyphicon glyphicon-search'></span></a>";
            //     // result += "<a href='javascript:;' class='btn btn-xs blue' οnclick=\"EditViewById('" + id + "')\" title='编辑'><span class='glyphicon glyphicon-pencil'></span></a>";
            //     // result += "<a href='javascript:;' class='btn btn-xs red' οnclick=\"DeleteByIds('" + id + "')\" title='删除'><span class='glyphicon glyphicon-remove'></span></a>";
            //     return result;
            // }
        </script>



<!-- <script src="layui/jquery.min.js"></script> -->
<script>
	function sercherBydate(){
		alert($("#test3"));
	}
	
</script>

<script src="layui/layui.all.js"></script>
<script>
//权限状态，更改按钮
//Demo
function to_change(id){
	$.ajax({
		type : "post",
		async : true, //异步请求（同步请求将会锁住浏览器，用户其他操作必须等待请求完成才可以执行）
		url : "main/addTime", //请求发送
		data : {
			zid:id,
			tyear:$("#getcombo option:selected").val()
		},
		success : function(result) {
			if(result=="成功"){
				alert("续费成功!");
				location.reload();
			}else{
				alert("续费失败");
			}
		},
		error : function(errorMsg) {
			//请求失败时执行该函数
			alert("错误");
		}
		})
}
$(document).ready(function() {
	layui.use(['form'], function(){
		var form = layui.form;
        var option = "<option value='-1'>请选择类型</option>";//初始化option的选项
        $.ajax({
            url: "combo/getAllCombo",
            type: 'get'
        })
        .done(function(datas) {
            for(var i=0;i<datas.length;i++){                	
                option+="<option value='"+datas[i]['tyear']+"'>"+datas[i]['ttype']+"(￥"+datas[i]['tprice']+"元)</option>";//拼接option中的内容
            }
            $("#getcombo").append(option);//将option的拼接内容加入select中，注意选择器是select的ID
            form.render('select');//重点：重新渲染select
        })
        .fail(function() {
            console.log("error");
        });
	});
});
</script> 
</body>
</html>
